<html>
    <head>
        <title>Omsi</title>
        <link rel="shortcut icon" href="favicon.ico" />
        <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Comfortaa:300" rel="stylesheet">
        <link rel="stylesheet" href="index.css"/>
    </head>
    <body>
        <div class="flex-container main-container">
            <p class="title">omsi's site<span style="font-size:8px;"> v2.1</span></p>
            <div class="flex-container" style="flex-direction: column;">
                <div class="link">
                    <a href="/calculator"><img src="assets/calculator-icon.png" class="icon"></a>
                    <div class="textbox"><b>Calculator: </b>A chip farming calculator for <a href="http://www.kongregate.com/games/tukkun/anti-idle-the-game">Anti-Idle</a>.</div>
                </div>
                <div class="link">
                    <a href="/adventurer"><img src="assets/kol-icon.png" class="icon"></a>
                    <div class="textbox"><b>Adventurer: </b>An incremental game made by my brother and I, based on <a href="https://www.kingdomofloathing.com">Kingdom of Loathing</a>.</div>
                </div>
                <div class="link">
                    <a href="/bookmarklet"><img src="assets/steam-icon.png" class="icon"></a>
                    <div class="textbox"><b>Bookmarklet: </b>A tool that tells you your net gains (or losses) from the Steam market.</div>
                </div>
                <div class="link">
                    <a href="/notations"><img src="assets/notations-icon.png" class="icon"></a>
                    <div class="textbox"><b>Notations: </b>A tool that shows you how a number would be formatted in a variety of notations.</div>
                </div>
                <div class="link">
                    <a href="/numpad"><img src="assets/numpad-icon.png" class="icon"></a>
                    <div class="textbox"><b>Numpad: </b>A small arcade game based around pressing keys on the numpad in a circle.</div>
                </div>
                <div class="link">
                    <a href="/colors"><img src="assets/colors-icon.png" class="icon"></a>
                    <div class="textbox"><b>Colors: </b>A tool that lets you make a custom resource color template for <a href="http://bloodrizer.ru/games/kittens/#">Kittens Game</a>.</div>
                </div>
                <div class="link">
                    <a href="/loops"><img src="assets/loops-icon.png" class="icon"></a>
                    <div class="textbox"><b>Loops: </b>A modified version of <a href="http://stopsign.github.io/idleLoops/">Idle Loops</a> with additional content.</div>
                </div>
                <div class="link">
                    <a href="/heirlooms"><img src="assets/heirlooms-icon.png" class="icon"></a>
                    <div class="textbox"><b>Heirlooms: </b>An heirloom upgrade calculator for <a href="https://trimps.github.io/">Trimps</a>.</div>
                </div>
                <div class="link" style="opacity: 0;">
                   <div class="textbox"></div>
                </div>
                <span id="shoutouttext" style="animation: shoutoutAnim 4s infinite; color: yellow; cursor: default" onmouseover="disableShoutoutAnim()">Incremental game shout-out!!!</span>
                <div class="link" id="shoutout1" style="display:none">
                    <a href="https://ivark.github.io"><img src="assets/antimatter-icon.png" class="icon"></a>
                   <div class="textbox"><b>Antimatter Dimensions: </b>An incremental game with very very large numbers.</div>
                </div>
                <div class="link" id="shoutout2" style="display:none">
                    <a href="https://trimps.github.io/"><img src="assets/trimps-icon.png" class="icon"></a>
                   <div class="textbox"><b>Trimps: </b>An incremental game that has a great sense of progression, flavor, and lots of content.</div>
                </div>
                <div class="link" id="shoutout3" style="display:none">
                    <a href="https://www.kongregate.com/games/Tukkun/anti-idle-the-game"><img src="assets/antiidle-icon.png" class="icon"></a>
                   <div class="textbox"><b>Anti-Idle: </b>An incremental game that may seem exceedingly complex at first, but has an absurd amount of content and depth. <b>Requires Flash.</b></div>
                </div>
                <div class="link" id="shoutout4" style="display:none">
                    <a href="https://www.kongregate.com/games/somethingggg/ngu-idle"><img src="assets/ngu-icon.png" class="icon"></a>
                   <div class="textbox"><b>NGU: </b>An incremental game with tons of content, and constant updates, all the while mashing some of the best incremental game mechanics together.</div>
                </div>
                <div class="link" id="shoutout5" style="display:none">
                    <a href="http://scholtek.com/minedefense"><img src="assets/mine-icon.png" class="icon"></a>
                   <div class="textbox"><b>Mine Defense: </b>An incremental game without prestige, that is chock full of unfolding mechanics and paradigm shifts.</div>
                </div>
                <div class="link" id="shoutout6" style="display:none">
                    <a href="https://www.kongregate.com/games/Oninou/wami"><img src="assets/wami-icon.png" class="icon"></a>
                   <div class="textbox"><b>Wizard and Minion Idle: </b>An incremental game with loads of refined and interesting mechanics, plenty of endgame automation and quality of life options, and highly compelling gameplay and visuals.</div>
                </div>
            </div>
        </div>
    </body>
    <script src="index.js"></script>
</html>
